<template>
	<view class="bottom" style="background: url('../../static/组2.jpg');">
		<view class="bottom-content">
			<view class="bottom-logo">
				<image src="../../static/logo2.png" class="logo2"></image>
				<view class="bottom-title">
					<header class="title">福建教育网 www.fetv.cn</header>
					<text class="subtitle">主管：福建省委教育工委、福建省教育厅</text>
					<text class="subtitle">主办：福建教育电视台</text>
				</view>
			</view>
			<view style="margin: 42rpx 0;">
				<text class="bottom-link">友情链接</text>
			</view>
			<view class="link-content">
				<view class="friend-link">
					<view class="link-box">
						<text @click="toUrl" data-url="http://www.moe.gov.cn/">教育部</text>
						<text @click="toUrl" data-url="http://gdj.fujian.gov.cn/">福建广播电视局</text>
						<text @click="toUrl" data-url="http://jyt.fujian.gov.cn/">福建省教育厅</text>
					</view>
					<view class="link-box">
						<text @click="toUrl" data-url="http://www.nrta.gov.cn/">国家广播电视总局</text>
						<text @click="toUrl" data-url="http://m.cetv.cn/">中国教育电视台</text>
						<text data-url="https://www.fjwyw.com/">福建文艺网</text>
					</view>
					<view class="link-box other-link">
						<text>隐私政策</text>
						<text>用户协议</text>
					</view>
				</view>
			</view>
			<view class="contact">
				<text>举报邮箱：fetv2020@163.com </text>
				<text>福建省新闻道德委举报电话：0591-87275327</text>
				<text>福建教育网职业道德监督、违法和不良信息举报电话：</text>
				<text>0591-87091983</text>
				<text>广播电视节目制作经营许可证（闽）字第00026号</text>
			</view>
			<view class="license">
				<text>闽ICP备<a style="color: #1B72CB;" @click="toUrl"
						data-url="https://beian.miit.gov.cn/">05027762号-1</a></text>
				<text>互联网新闻信息服务许可证编号<text style="color: #1B72CB;">（35120190012）</text></text>
				<text>信息网络传播视听节目许可证号<text style="color: #1B72CB;">（1309391）</text></text>
			</view>
			<view class="bottom-image">
				<image src="../../static/图层 642.jpg" class="image1"></image>
				<image src="../../static/图层 643.jpg" class="image2"></image>
				<image src="../../static/图层 644.jpg" class="image2"></image>
				<image src="../../static/图层 645.jpg" class="image2"></image>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toUrl(e) {
				window.location.href = e.currentTarget.dataset.url
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		padding: 0;
		margin: 0;
	}

	.bottom {
		background: url('../../static/组2.jpg');
		margin-top: 40rpx;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
		padding-bottom: 45px;
	}

	.bottom>.bottom-content {
		margin: 22rpx;
	}

	.bottom-content>.bottom-logo {
		margin-top: 20rpx;
		display: flex;
		align-items: center;
	}

	.bottom-content>.bottom-logo>.logo2 {
		width: 152rpx;
		height: 112rpx;
	}

	.bottom-logo>.bottom-title {
		margin-left: 25rpx;
		display: flex;
		flex-direction: column;
	}

	.bottom-logo>.bottom-title>.title {
		font-size: 31rpx;
		font-family: Noto Sans S Chinese;
		font-weight: bold;
		color: #1F1F1F;
		line-height: 54rpx;
	}

	.bottom-logo>.bottom-title>.subtitle {
		font-size: 22rpx;
		font-family: Noto Sans S Chinese;
		font-weight: 400;
		color: #1F1F1F;
		opacity: 0.5;
		line-height: 35rpx;
	}

	.bottom-link {
		font-size: 30rpx;
		font-family: Noto Sans S Chinese;
		font-weight: bold;
		color: #3E3E3E;
	}

	.bottom-content>.link-content {
		display: flex;
		justify-content: baseline;
	}

	.link-content>.friend-link {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30rpx;
	}

	.link-box {
		display: flex;
		flex-direction: column;
	}

	.other-link {
		height: 66%;
		border-left: 1rpx solid #BFBFBF;
	}

	.other-link text {
		text-align: center;
	}

	.link-box text {
		font-size: 24rpx;
		font-family: Noto Sans S Chinese;
		font-weight: 400;
		color: #3E3E3E;
		margin-bottom: 10rpx;
	}

	.bottom-content>.contact {
		margin-bottom: 40rpx;
		display: flex;
		flex-direction: column;
	}

	.bottom-content>.contact text {
		font-size: 24rpx;
		font-family: Noto Sans S Chinese;
		font-weight: 400;
		color: #767676;
		margin-bottom: 5rpx;
	}

	.bottom-content>.license {
		display: flex;
		flex-direction: column;
	}

	.bottom-content>.license text {
		font-size: 24rpx;
		font-family: Noto Sans S Chinese;
		font-weight: 400;
		color: #292929;
		margin-bottom: 5rpx;
	}

	.bottom-image {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-top: 30rpx;
	}

	.image1 {
		width: 61rpx;
		height: 76rpx;
	}

	.image2 {
		width: 168rpx;
		height: 66rpx;
	}
</style>
